﻿<custom:UserControlExtended x:Class="TextGlow.Control.UI.FullScreenButton"
    xmlns="http://schemas.microsoft.com/client/2007" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:custom="clr-namespace:TextGlow.Control">
  <Canvas x:Name="LayoutRoot" Width="70" Height="75.833" Cursor="Hand">

    <Canvas.Resources>
      <Storyboard x:Name="MouseEnterAnimation">
        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="FullScreenReflect" Storyboard.TargetProperty="(UIElement.Opacity)">
          <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
          <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
        </DoubleAnimationUsingKeyFrames>
      </Storyboard>
      <Storyboard x:Name="MouseLeaveAnimation">
        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="FullScreenReflect" Storyboard.TargetProperty="(UIElement.Opacity)">
          <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
          <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
        </DoubleAnimationUsingKeyFrames>
      </Storyboard>
      <Storyboard x:Name="MouseDownAnimation">
        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="FullScreenMouseOver" Storyboard.TargetProperty="(UIElement.Opacity)">
          <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
          <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
        </DoubleAnimationUsingKeyFrames>
      </Storyboard>
      <Storyboard x:Name="MouseUpAnimation">
        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="FullScreenMouseOver" Storyboard.TargetProperty="(UIElement.Opacity)">
          <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
          <SplineDoubleKeyFrame KeyTime="00:00:00.4000000" Value="0"/>
        </DoubleAnimationUsingKeyFrames>
      </Storyboard>
    </Canvas.Resources>

    <Canvas.RenderTransform>
      <TransformGroup>
        <ScaleTransform ScaleX="0.4" ScaleY="0.4"/>
        <SkewTransform AngleX="0" AngleY="0"/>
        <RotateTransform Angle="0"/>
        <TranslateTransform X="0" Y="0"/>
      </TransformGroup>
    </Canvas.RenderTransform>
    <Path x:Name="FullScreenStatic" Width="70.4444" Height="70.6667" Stretch="Fill" StrokeThickness="4" StrokeLineJoin="Round" Stroke="#FFFFC800" Data="F1 M 53.0556,149.389L 103.5,149.389C 107.918,149.389 111.5,152.971 111.5,157.389L 111.5,208.056C 111.5,212.474 107.918,216.056 103.5,216.056L 53.0556,216.056C 48.6373,216.056 45.0556,212.474 45.0556,208.056L 45.0556,157.389C 45.0556,152.971 48.6373,149.389 53.0556,149.389 Z ">
      <Path.Fill>
        <LinearGradientBrush StartPoint="0.5,1.00798" EndPoint="0.5,-0.00798236">
          <GradientStop Color="#FFFDE588" Offset="0"/>
          <GradientStop Color="#FFFFCC00" Offset="0.401826"/>
          <GradientStop Color="#FFFDE588" Offset="1"/>
        </LinearGradientBrush>
      </Path.Fill>
    </Path>

    <Path x:Name="FullScreenMouseOver" Width="70.444" Height="70.667" Stretch="Fill" StrokeThickness="4" StrokeLineJoin="Round" Stroke="#FFE29104" Data="F1 M 53.0556,149.389L 103.5,149.389C 107.918,149.389 111.5,152.971 111.5,157.389L 111.5,208.056C 111.5,212.474 107.918,216.056 103.5,216.056L 53.0556,216.056C 48.6373,216.056 45.0556,212.474 45.0556,208.056L 45.0556,157.389C 45.0556,152.971 48.6373,149.389 53.0556,149.389 Z " Opacity="0">
      <Path.Fill>
        <LinearGradientBrush StartPoint="0.5,1.00798" EndPoint="0.5,-0.00798236">
          <GradientStop Color="#FFFFCB00" Offset="0.01"/>
          <GradientStop Color="#FFE29104" Offset="0.683"/>
          <GradientStop Color="#FFFFCD0C" Offset="1"/>
        </LinearGradientBrush>
      </Path.Fill>
    </Path>

    <Canvas Width="48.666" Height="33.063" Canvas.Left="10.501" Canvas.Top="17.188" x:Name="FullScreenIcon">
      <Rectangle Width="48.666" Height="33.063" Stroke="#FF2A2929" RadiusX="3" RadiusY="3" StrokeThickness="3"/>
      <Rectangle Width="26.708" Height="16.394" Fill="#FF2A2929" Stroke="#FF2A2929" RadiusX="3" RadiusY="3" Canvas.Left="2.248" Canvas.Top="14.468"/>
    </Canvas>

    <Rectangle Width="59.063" Height="19.687" StrokeLineJoin="Round" StrokeThickness="4" RadiusX="3.375" RadiusY="3.375" Fill="#7FFFFFFF" x:Name="FullScreenReflect" Canvas.Left="6.023" Canvas.Top="5.47" Opacity="0"/>
  </Canvas>
</custom:UserControlExtended>